<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <video src="./img/oceans-clip.mp4"></video>
    <script>
        window.onload = function(){
            // 获取标签
            let video = document.querySelector("video")
            console.log(video.controls);
            // 属性名 和属性值一样的标签属性 ，在js中用true 和false来设置
            // controls autopaly muted loop
            video.controls = true;

            console.log(video.autoplay);
            video.autoplay = true;

            // currentTime duratioin paused volume
            // 设置和获取当前的播放时间
            console.log(video.currentTime);
            video.currentTime = 20;
            
             video.volume = 0.5
        }
    </script>
</body>
</html>